关于form表单点击submit按钮后，页面自动刷新的问题解决

2024-07-04 05:37| 来源: 网络整理| 查看: 265

首先，就是要做的就是，点击 button 按钮不能让 form 自己提交，所以给form增加一个onsubmit 事件，禁止提交。

那么提交的方式，就通过js 或者jq 去完成，我这里用的jQuery

$(function () { $("#form").submit(function () {}); });

提交完成，用恢复成默认格式

if (data.status == 0) { // 录入成功 $("input:eq(0)").val(""); $("input:eq(1)").val("顺丰速运"); $("input:eq(2)").val(""); $("input:eq(3)").val(""); layer.alert("录入成功"); } else { // 录入失败 layer.alert("录入失败"); }

下面是完整的代码，想看的可以看一下

这个是form 表单单号快递公司中国邮政智利邮政中速快递收件人姓名手机号码立即提交重置 jQuery + ajax

这个是 jQuery + ajax

$(function () { $("#form").submit(function () { var loadId = layer.load(); var number = $("input:eq(0)").val(); var company = $("input:eq(1)").val(); var username = $("input:eq(2)").val(); var userPhone = $("input:eq(3)").val(); $.post("/express/insert.do", { number: number, company: company, username: username, userPhone: userPhone }, function (data) { // 先关提示信息加载中 layer.close(loadId); // layer.alert(data); if (data.status == 0) { // 录入成功 $("input:eq(0)").val(""); $("input:eq(1)").val("顺丰速运"); $("input:eq(2)").val(""); $("input:eq(3)").val(""); layer.alert("录入成功"); } else { // 录入失败 layer.alert("录入失败"); } }); }); })

【本文地址】

公司简介

联系我们